<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
    
    <!-- Created by Artisteer v4.0.0.55648 -->
    <meta charset="utf-8">
    <title>Contact</title>

    <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    <link rel="stylesheet" href="style.css" media="screen">
    <!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" media="screen" /><![endif]-->
    <!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" media="screen" /><![endif]-->

	<link rel="stylesheet" type="text/css" href="contactform.css">
    <script src="jquery.js"></script>
    <script src="script.js"></script>
    <script type="text/javascript"src="contactformvalidation.js"></script>
	<script>
	required.add('Full_Name','NOT_EMPTY','Full Name');
	required.add('Email_Address','EMAIL','Email Address');
	required.add('Your_Message','NOT_EMPTY','Your Message');
	required.add('AntiSpam','NOT_EMPTY','Anti-Spam Question');
	</script>



    
    
</head>
<body>
    <img src="images/page.png" id="bg" alt="">
<div id="chris-main">
<header class="chris-header clearfix">
	<div class="chris-header-inner">
		<nav class="chris-nav clearfix">
			<ul class="chris-hmenu"><li><a href="Home.html">Home</a><ul><li><a href="Character.html">Character</a></li><li><a href="Environment.html">Environment</a></li><li><a href="Illustration.html">Illustration</a></li></ul></li><li><a href="Contact.html" class="active">Contact</a></li></ul> 
		</nav>
		<div class="chris-shapes">
			<h1 class="chris-headline">
				<a href="#">CHRIS MACDONALD</a>
			</h1>
			<h2 class="chris-slogan">DESIGN • STORYBOARD • LAYOUT</h2>
		</div>
    </div>
</header>
<div class="chris-sheet clearfix">
            <div class="chris-layout-wrapper clearfix">
                <div class="chris-content-layout">
                    <div class="chris-content-layout-row">
                        <div class="chris-layout-cell chris-content clearfix"><article class="chris-post chris-article">
                                <div class="chris-postmetadataheader">
                                        <h2 class="chris-postheader"><span class="chris-postheadericon">Contact</span></h2>
                                                            
                                    </div>
                                <div class="chris-postcontent chris-postcontent-0 clearfix">
								<p><div style="width: 50%; position: absolute;"><img width="405" height="376" alt="" src="photos/cmacdonald.jpg" /></div>
								<div style="width: 50%; position: relative; left: 50%;"><form name="freecontactform" method="post" action="freecontactformprocess.php" onsubmit="return validate.check(this)">
	<table width="400px" class="freecontactform">
	<tr>
	 <td colspan="2">
	  
	 <div class="freecontactformheader">Contact Chris Macdonald</div>
	  
	 <div class="freecontactformmessage">Fields marked with <span class="required_star"> * </span> are mandatory.</div>
	  
	 </td>
	</tr>
	<tr>
	 <td valign="top">
	  <label for="Full_Name" class="required">Full Name<span class="required_star"> * </span></label>
	 </td>
	 <td valign="top">
	  <input type="text" name="Full_Name" id="Full_Name" maxlength="80" style="width:230px">
	 </td>
	</tr>
	<tr>
	 <td valign="top">
	  <label for="Email_Address" class="required">Email Address<span class="required_star"> * </span></label>
	 </td>
	 <td valign="top">
	  <input type="text" name="Email_Address" id="Email_Address" maxlength="100" style="width:230px">
	 </td>
	</tr>
	<tr>
	 <td valign="top">
	  <label for="Telephone_Number" class="not-required">Telephone Number</label>
	 </td>
	 <td valign="top">
	  <input type="text" name="Telephone_Number" id="Telephone_Number" maxlength="100" style="width:230px">
	 </td>
	</tr>
	<tr>
	 <td valign="top">
	  <label for="Your_Message" class="required">Your Message<span class="required_star"> * </span></label>
	 </td>
	 <td valign="top">
	  <textarea style="width:230px;height:160px" name="Your_Message" id="Your_Message" maxlength="2000"></textarea>
	 </td>
	</tr>
	<tr>
	 <td colspan="2" style="text-align:center" >
	  <div class="antispammessage">
	  To help prevent automated spam, please answer this question
	  <br /><br />
		  <div class="antispamquestion">
		   <span class="required_star"> * </span>
		   Using only numbers, what is 10 plus 15? &nbsp; 
		   <input type="text" name="AntiSpam" id="AntiSpam" maxlength="100" style="width:30px">
		  </div>
	  </div>
	 </td>
	</tr>
	<tr>
	 <td colspan="2" style="text-align:center" >
	 <br /><br />
	  <input type="submit" value=" Submit Form " style="width:200px;height:40px">

	  <br /><br />
	 </td>
	</tr>
	</table>
	</form></div></p>
								</div>
                                
                                
</article></div>
                    </div>
                </div>
            </div>
    </div><p class="chris-footer-inner" style="text-align: right;"><img width="64" height="64" alt="" class="chris-lightbox" src="images/blogger-64.png"><img width="64" height="64" alt="" class="chris-lightbox" src="images/facebook-64.png"><img width="64" height="64" alt="" class="chris-lightbox" src="images/twitter-64.png"><br></p>
<footer class="chris-footer clearfix" style="margin: 0px auto 0;">
  <div class="chris-footer-inner">
<p>Copyright Chris Macdonald © 2012. Created and managed by <a href="lostmile.com" target="_top" title="Lost Mile Studios">Lost Mile Studios</a>. All Rights Reserved.</p>
  </div>
</footer>

</div>



</body>
</html>
